.component-wrapper {
    position: absolute;
    // background: #ffffff;
    border: 1px dashed #999;

    .wrapper-id {
        width: 100px;
        overflow: hidden;
    }
    
    .component-toolbar {
        display: none;
        // position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 30px;
        background: rgba(0, 0, 0, 0.1);
        line-height: 30px;
        cursor: pointer;
        user-select: none;
        span {
            cursor: pointer;
            background: #ffffff;
            padding: 4px 8px;
            border: 5px;
            text-align: center;
            margin: 0 4px;
        }
    }

    .active-wrapper {
        background: rgba(0, 0, 0, 0.5);
        display: block;
    }

    &:hover {
        .component-toolbar {
            display: block;
        }
    }
}